<template>
    <div class="Adddepartment">
        <div class="dep-cont">
            <div class="dep-header">
            <a  v-bind:class="{active:isactive}">部门信息</a>
            <router-link to='/adddep'>
            <a v-bind:class="{active:!isactive}">
              添加部门
            </a>
          </router-link>
            </div>
        </div>
        <home-seedeptal></home-seedeptal>
        
    </div>
    
</template>

<script>
import HomeSeedeptal from './Seedeptal'
export default {
     name:'Seedepint',
     data(){
      return{
        isactive:true
      }
     },
     components: {
        HomeSeedeptal
        }


}
</script>
<style >
.active{
    color: #000;
}
.Adddepartment{
    margin-left: 4rem;
    background-color: #f3f3f3;
    position: relative;
    padding-top: 30px;
}
.dep-cont{
     margin: 0 auto;
   
    width: 80%;
    background-color: #fff;
}
.dep-header{
    height: .8rem;
    font-size: 18px;
    color: #1cb394;
    line-height: .8rem;
    border-bottom: 1px solid #666;
    margin-left: 20px;
}
</style>